Een website bouwen met Nvu 


Zelf je eigen site bouwen 


Heb je ook zin gekregen om je eigen webstek te maken? Het lijkt misschien moeilijk, maar 
eigenlijk is het dat helemaal niet. In deze cursus bouwen we van nul een website met 
een reisverslag. We gebruiken het gratis pakket Nvu, dat niet moet onderdoen voor een 


pakket als Microsoft Frontpage. Haal je vakantiefoto's al maar boven! 4 reoerick corors 


H eb je ons praktisch dossier op pagina 12 gelezen en 
begint het te jeuken? Dan moet je krabben, of nog 


beter: een echte website maken. Denk je ook dat je om een 
website te maken heel wat technische kennis moet hebben: 
html, tags, ftp — het lijkt misschien ingewikkeld. Met een 
WYSIWYG-pakket zoals het gratis programma Nvu is die 
vrees echter nergens voor nodig: je maakt je webpagina's 
zoals je die in een tekstverwerker maakt, en het pro- 
gramma kan er zelfs voor zorgen dat je website naar de 
server wordt gestuurd. Nvu is een openbronpakket dat je 
gratis (en in het Nederlands) kan downloaden op 
Meer informatie over Nvu zelf vind 


je op www.nvu.com. 


“Geen titel - Nvu 


Bestand Bewerken Beeld Invoegen Opmaak Tabel Extra Help 


Een enkele klik kan Nvu helpen: laat ons 

sj alstublieft weten dat u Nvu heeft 
gedownload daor op de OK knop hieronder 

el te klikken. In zo'n geval en als u met het 
internet verbonden bent zal Nvu een simpel 
‘ping’ naar onze servers sturen om een teller 
te verhagen. Geen andere informatie zel 
verzonden worden, het verzoek zal niet 
opgeslagen worden op onze servers en uw 
privacy zal helemaal gerespecteerd worden. 


WAARSCHUWING: Stel eerst uw verbinding 
in als u via een proxy met het internet 
verbonden bent. 


Avu makers 


Verbindingsinstelingen 


HET IS HARTSTIKKE GRATIS !!, 


„ 


WAT MAAKT NVU ZO POPDLAIR ? 
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Spelling 


Afdrukken 


bbsite tegelijkertijd 


ud van meerdere websites 


Volgende tip 


<body> 


Normaal | el Hrmt-tags | [@] Bron | <<, voorbeeld 


Veel vensters als je Nvu voor de eerste keer opstart. 


Installatie 


Dubbelklik op het bestand dat je zo- 
net gedownload hebt en klik op Urr- 
VOEREN — de setupwizard van Nvu start 
op. Klik gewoon op Vorcenpe, IK Accep- 
TEER, viermaal op Vorcenpe en op InsraL- 
LEREN. Ten slotte klik je op Vorrooren. 
Nvu start automatisch op met een 
heleboel vensters. Het eerste heet 
LAAT ONS ALSTUBLIEFT WETEN. Klik je op OK, 
dan wordt aan de makers doorgege- 
ven dat je Nvu hebt geïnstalleerd — 
zonder persoonlijke informatie door 
te sturen. Daarna verschijnt het ven- 
ster Nvu Tips, dat je telkens bij het 
opstarten een tip geeft — sluit dat 
venstertje gewoon af en vink eventu- 
eel Tips TIJDENS OPSTARTEN TONEN Uit. Je 
zit nu eindelijk in het hoofdvenster 
van Nvu! 


In dit nummer heb je al heel wat kunnen lezen over hoe een goeie website er moet uitzien en met welke dingen je allemaal 
rekening moet houden. Kriebelt het, en heb je zin om zelf aan de slag te gaan? Dan is deze cursus iets voor jou! 


Eerste kennismaking met Nvu 


Hoewel een website maken met Nvu goed lijkt 
op het maken van een document, ziet het 
programma er toch anders uit dan Word. Ui- 
teraard vind je een gewone menubalk (1) te- 
rug, maar ook een knoppenbalk met de belang- 
rijkste functies (2): een nieuw bestand maken, 
een bestand openen of opslaan, je site publi- 
ceren, en enkele knoppen voor de lay-out van 
je webpagina. Onder de knoppenbalk vind je 


m Geen titel - Nvu 
Bestand Bewerken Beeld 
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Invoegen Opmaak Tabel 


a HO B A Lb Ü mn 


twee opmaakbalken terug (3), waarmee je bij- 
voorbeeld het lettertype kan bepalen of een 
stijl kan kiezen. Links vind je de (nu nog lege) 
sitebeheerder (4), waar je alle pagina’s van je 
website terugvindt. Rechts is het hoofdvenster 
(5), waarin je webpagina's kan bewerken en 
aanmaken. Onderaan vind je vier tabbladen 
terug (6): Normaar (dit is de WYSIWYG-versie), 
HTML-raas (waarmee je de code in een speci- 


Extra Help 
) al 


Gete Wiele Seend; 


ale soort grafische tags kan zien), Bron (om 
alle html-code te bekijken en te bewerken), en 
VoorgeeLp (waarmee je je webpagina ziet zoals 
hij er in de browser zou moeten uitzien). Ver- 
der valt nog één zaak onmiddellijk op: ook het 
hoofdvenster bevat bovenaan tabbladen (7). 
Dat is erg handig, want daarmee kan je meer- 
dere webpagina's openen en er makkelijk tus- 
sen navigeren, net als in Firefox. 


Afdrukken 


| Tekst 


| (geen klasse) 


IE E el FE 30 


v Nvu sitebeheerder | Î 


[zie BE Alle: bestanden | [ä) 


EEEN: 


Naam B, 


\|__/ Normaal 


Zo ziet de interface van Nvu er uit. 


5, 


) HTML-tags [e] Bron | << Voorbeeld 6 


Structuur uittekenen |_______A nt Lit : 
1 ‘Niveau 1 Niveau 2 Niveau 3 Niveau 4 

Voor je van start gaat met Nvu, is 2 index.html 
het een goed idee om de structuur _3 (/reizen/ Jcalif/ Jweek1/ frisco.html 
van je website op papier te zetten. | 4 ‚yosemite.html 
Als het kan, doe je dat op de ouder- 5 & 
wetse manier, met pen en papier. Je 6 {week2f coast.html 
kan ook een programma als Excel 5 t vegas.html 
gebruiken. Ga uit van een boom- En italia) 
ace: 10 lijsland/ 
Je maakt best meteen ook een EEN en 
structuur met bestandsnamen en 12 |blog.html 
mappen. Je zet namelijk niet alle 13 |links html 
bestanden zomaar in de rootfolder 44 about html 
van een map, maar maakt ook hier 15 (contact.html 
een nette boomstructuur. 16 | fimg/ 

17 

Het is raadzaam om, 

voor je begint, een VAKTAAL A-M N-Z 


structuur van je website 
uit te tekenen — op 
papier of in Excel. 


ROOTFOLDER: Om netjes een overzicht te bewaren, kan je bestanden onderverdelen in 
mappen en submappen. De rootfolder is de map waar het allemaal begint, de eerste map 
in een mappenstructuur. 
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Stijlen bepalen 


Je kan nu meteen van wal steken en in de lege 
pagina beginnen tikken, maar we raden je aan 
om eerst enkele stijlen, of stylesheets, te be- 
palen. Op die manier is het lettertype op elke 
pagina consequent hetzelfde. Maak eerst de 
stijl aan voor de gewone tekst. Klik op Extra, 
CSS BEWERKEN en zet een vinkje bij GEAVANCEERDE 
Mopus. Klik vervolgens op Sri eur. en klik op 
STIJLBLAD AANMAKEN. Klik nu op STIJLBLAD AANMAKEN 
EN ERNAAR OVERSCHAKELEN. Ga naar de map waarin 
je html-bestanden komen te staan, en noem 
het bestand bijvoorbeeld styre.css. Klik vervol- 
gens op ReceL en kies sTiJL TOEGEPAST OP ALLE ELE- 
MENTEN VAN EEN TYPE. Vul in het vakje daaronder 
gewoon p in. P staat voor paragraaf en zorgt 
ervoor dat alle ‘gewone’ tekst het door jou 
gekozen lettertype krijgt. Klik op SriuLreaeL 
AANMAKEN en ga naar het tabblad Tekst om het 
lettertype te kiezen. Omdat niet iedereen de- 
zelfde lettertypes heeft geïnstalleerd, kies je 
hier best veel voorkomende fonts. Klik daarom 
op VoorGepeFinIeerD en kies ArraL, HELVETICA, SANS- 
serIF. Het standaardlettertype wordt dus Arial. 
Heeft een bezoeker dat lettertype niet, dan 
wordt Helvetica geselecteerd. Heeft hij ook 
dat niet, dan wordt een standaard sans-serif 


De homepagina aanmaken 


Nu ben je helemaal klaar om de homepagina aan te maken. Bewaar 
eerst de (nog lege) pagina, door op Opstaan te klikken. Geef de 
pagina een titel, bijvoorbeeld Mijn reisverslagen. Let op: deze titel 
is belangrijk, want hij verschijnt in de titelbalk van de browser! Geef 


lettertype gekozen. 
Vervolgens kies je de 


lettergrootte; kies bij- 
voorbeeld MippeL. Je 
kan eventueel ook het 
lettertype een kleurtje 
geven. De andere tab- 
bladen laat je voor wat 
ze zijn. 

Op dezelfde manier 
maak je ook een stijl 
aan voor titels en sub- 
titels. De html-tag voor 


een titel is H1; voor een 
subtitel Ha. Klik op Re- 
Gel, kies STIJL TOEGEPAST 
OP ALLE ELEMENTEN en vul 
H1 in. Kies nu een an- 
dere lettergrootte, bij- 
voorbeeld x-aroor, en 
eventueel een kleurtje. Voor Ha doe je het- 
zelfde, maar je zorgt ervoor dat de grootte 
kleiner is dan H1 (maar groter dan p). Ben je 
klaar, klik dan op Sturen. 

Let op: Dergelijke stijlen worden opgeslagen in 
een extern bestand, stvre.css in ons geval. Nvu 


Leg ook je titels vast in stijlen. 


bevat een bug waardoor het bestand niet goed 
gelinkt wordt. Klik op Bron en zoek de regel 
SLINK REL="STYLESHEET" HREF="FILE:///C|/wegstre/ 
STYLE.CSS”, 

Verander “rme:///C|/wegstre/stvre.css” in “srvre. 
css”. Dit moet je voor elke pagina doen. 


de pagina vervolgens een naam, bijvoorbeeld index.html. Geef je 
pagina een titel: kies in de opmaakbalk Kop 1 en tik een titel in. Als 
het goed gaat, gebruikt de titel de vooraf gedefinieerde stijl! Maak 
ook een subtitel aan door Kop 2 te selecteren. Vervolgens druk je 
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B Mijn reisverslagen 


Sites bewerken 


Naam 


Mijn reisverslagen 


Elk jaar ga ik tweemaal op 


kan je mijn reisverslagen le 


Deze paragraaf gebruikt de styles 


Normaal | Eel HTML-tags | [e] Bron | <4 voorbeeld 


URL is relatief ten opzichte van paginalacatie 


Bestand kiezen.… 


Tooltip: 


O alternatieve tekst: 


@ Geen alternatieve tekst gebruiken 


Afbeeldingsvoorbeeld 


Ware grootte: 
Breedte: 240 
Hoogte: 180 


Geavanceerd bewerken 


ee) 


<body=| <img> 


op Enter. Selecteer nu in de opmaakwerkbalk 
Aurea, en schrijf een klein tekstje. De pagina 
ziet er nu helemaal niet aantrekkelijk uit. 
Voeg daarom enkele plaatjes toe. Wij hebben 
nog geen logo, en voegen enkele (kleine) fo- 
to's toe. Let op! Verklein de foto’s eerst zelf 
met een programma als Paint Shop Pro of 
Photoshop (zie ook onze workshop op pagina 
42). Doe je dat niet, dan wordt je website erg 
traag om in te laden. Foto’s toevoegen doe je 
via INVOEGEN, AFBEELDING. 

Een tip: wil je meer dan één foto toevoegen, 
gebruik dan een tabel, via INvoecen, TABEL. ZO 
kan je je foto's en je tekst perfect positione- 
ren. Wil je de achtergrond van een pagina 
wijzigen, klik dan op Opmaak, PAGINAKLEUREN EN 
ACHTERGROND. 


Voeg afbeeldingen toe aan je pagina. 


Navigatie toevoegen 


Het is erg belangrijk om op elke pagina 
een consistente navigatiebalk te heb- 
ben. Dat kan je met icoontjes of knop- 
pen, maar ook gewoon met tekstlinks. 
Dat doe je idealiter met een tabelletje 
links of boven, via Invoeeen, TageL. Kies 
het tabblad Precies, en bijvoorbeeld 1 rij 
en 6 kolommen. Elke cel kan bijvoor- 
beeld 100 pixels breed zijn. De rand laat 
je best weg door o te kiezen. Vul ver- 


volgens alle elementen in en voorzie elk 
element van een link naar een andere 
pagina. Dat doe je door een woord te 
selecteren en op Kopperina te klikken. 
Klik op VoorBeerp om de pagina te bekij- 
ken. Ben je niet helemaal tevreden met 
de tabel, selecteer die dan en klik op 
TABEL, TABELEIGENSCHAPPEN. Hier kan je on- 
der andere de cellen een vaste grootte 
geven. 


Tabeleigenschappen 


Grootte 


Rijen: a Hoogte: |52 | pixels v 


Kolommen: Gn 


Breedte: |6oo | pees wl 


- Randen en ruimte —— En 
Rand: pixels 
Ruimte: 2 beeldpunten tussen cellen 
Opvulling: ‚2 | beeldpunten tussen celrand en -inhoud 


Tebelutijning: |Links el Bijschrift: (Geen — 


sl 


Achtergrondkleur: lama) (Laat de paginakleur er doorheen zien} 


Geavanceerd bewerken… 


(aepassen | (Annuleren | í Help ) 


Een tabel bewerken. 


Andere pagina's toevoegen 


Nu je de eerste pagina hebt toegevoegd, moet je alle andere pagina’s 
toevoegen zoals bepaald in je structuur. Je kan dit in Nvu doen door 
op Nieuw te klikken. Een andere optie is in de Verkenner zelf (lege) 
html-bestanden aanmaken en mappen creëren. Je kan ook het bestand 
INDEX.HTML kopiëren en daarna bewerken. Voor elke nieuwe pagina moet 
je ook het stylesheet-bestand styre.css importeren. Ga daarvoor naar 
Extra, CSS BEWERKEN en klik op Link et. Klik op de knop BestanD KIEzEN en 
blader naar het bestand stvre.css. Klik vervolgens op STiJLBLAD AANMAKEN 
en klik op Sturren. Door de bug in Nvu moet je ook hier weer de bron 
aanpassen. Ga naar Bron en maak dezelfde wijziging als in het stukje 
‘Stijlen bepalen’. Maar let op: als je een pagina bewerkt die niet in de 
root van je website staat, maar in een submap (bijvoorbeeld /rerzen/ca- 
LIF/inpex.nTML), dan moet je het pad ‘relatief’ wijzigen. Srvte.css staat 
eigenlijk drie mappen hoger in de boomstructuur. Je verandert pan 
“sryre.css” in S/././stvre.ess”. Die twee puntjes duiden aan dat het om 
een map gaat die een stap hoger staat in de boomstructuur. Doe je dit 
zo, dan zal je later geen problemen hebben wanneer je de website naar 
je server uploadt. Nvu biedt je heel wat tools die je kan gebruiken. Een 
overzichtje: 


+ Je kan lijsten toevoegen met opsommingstekens (genummerd of 
ongenummerd). Dat doe je op de opmaakwerkbalk met de knoppen 
GENUMMERDE LIJST @en OPSOMMINGSLIJST. 


© mijn reisverstagen [Iile:/.…Irisco,htm{J - Nvu 


VEE FE 


<html> 
. <head> 

meta content="text/html; charset=130-0059-1" 
… http-equivs*content-typem> 


‚ <hioMijn zeisverslagencnbsp; </h1> 
<p> 
« <table styles*texc-atign: left: widch: 60ûpx: heighe: S2px:* 
» bordere"o= celipaddinge"2" cellspacinge=2=> 
<tmaay> 
<te 
<td style="font-styie; italic:” =cmmall>lome/amalls<ftd> 
<td style="font-style: italic: wideh: 16t;">ca 


<td style="font-scyle: italic: wide 

… hrefe"links.hrmi®>cemall>Links</small></: 

e <td style=*font-scyle: italic: wide 

. hregetabout.nemi"scemalls0ver onsc/emal sja 
<td style-"tont-styie: italic: width: 164:"><a 
contact .humi”>csmall>Contact</smalls< far ftd> 
E 

-  éftbody 

[mast | Faractogs |C eren | Voorbeeld | 


Pas de link naar de stylesheet zelf aan. 


© Mijn reisverslagen [file:/…Arisco, html) Nvu 
Bestand Dererhen Deed Iwoegen pmask Tabel Dye tb 
AH @ SG & me 
Openen Pleven Bebiken Podie Koppeling Albesdrg Tabel Formder 
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Mijn reisverslagen 
Home Rouswerslegen Blog Links Contact 


Californië » San Francisco 


5 | Op de tweede dag van onze reis bezochten we San Francisco. Het weer viel niet mee, maar de 


stad gelukkig wel 


Ei | 
mmm 


Zo kan een reisverslag er uit zien. De plaatjes zijn netjes in een tabel 
gevoegd. 


+ De opmaakwerkbalken bieden je ook nog de mogelijkheid om be- 
paalde woorden te benadrukken (BENADRUKKEN en STERK BENADRUKKEN). 
Maak je een lange, grote pagina, gebruik dan de automatische in- 
houdsopgave. Die genereer je via Invoegen, InHounsopeave. De inhouds- 
opgave van de pagina wordt dan automatisch aangemaakt op basis 
van titels en tussentitels, op voorwaarde dat je netjes Kor 1, Kop 2, 
enzovoort gebruikt hebt. Zo kan je lezer meteen naar het onderdeel 
springen dat hem of haar interesseert. 

Nvu bevat ook een ingebouwde (Nederlandstalige) spellingchecker. 
Klik in de hoofdwerkbalk gewoon op de knop SpeLLinG. 


VAKTAAL A-M N-Z 


BUG: Programmeerfout in een programma, waardoor het zijn functie niet of niet goed 
vervult. 


SANS-SERIF: Schreefloze lettertypes, zonder ‘versiering’ aan de uiteinden. Arial is het 
bekendste voorbeeld van een sans-serif lettertype, en Times New Roman is een serif-let- 
tertype, mét schreef dus. 
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Je website controleren 


Heb je de nodige pagina’s aangemaakt en 
met elkaar gelinkt? Dan raden we je aan 
om op voorhand eens lokaal door je site te 
lopen. Open gewoon de Windows Verkenner 
en klik op inpex.nrML. Als je de raadgevingen 
over relatieve paden niet in de wind hebt 
geslagen, dan zou je perfect door de site 
moeten kunnen surfen. Is dat niet het 
geval, dan raden we je aan om je html-code 
te checken. Daar kan Nvu mee helpen via 
het menu Extra. Klik eerst op HTML-cope 
OPSCHONEN. Nvu bekijkt dan vliegensvlug de 
html-code en haalt er onnodige code uit. 
Daarna klik je op Extra, HTML coNtROLEREN oP 
GELDIGHEID. Nvu stuurt nu automatisch het 
geopende html-bestand naar de W3C HTML 
Validator. Je krijgt een foutmelding te zien 
(in het Engels) met een raadgeving over 
hoe je het probleem oplost. Let wel: je 
hoeft deze raadgevingen niet te volgen; 
meestal zal je site er toch perfect uit- 
zien. 


HTML-code opschonen 


Actie Rapporteren 


w| Geneste lijsten repareren ij 


Afsluitende <br> verwijderen 


w 3 
le] Lege blokken verwijderen 1 
v 0 


Uitlijning van lege cellen in tabellen verwijderen 


Schoonmaken | | Annuleren 


Nvu schoont de code op. 


FRONTPAGE OF NVU? 


Nvu is een erg volledige WYSIWYG- 
editor, maar als je meer functies wil, 
dan kan je Frontpage overwegen (zie 
ook ons dossier op pagina 18). Front- 
page is een onderdeel van Office 
2003, maar je kan het ook apart ko- 
pen. In tegenstelling tot Nvu bevat 
Frontpage tientallen sjablonen. Leuk, 
maar omdat zoveel mensen Frontpa- 
ge gebruiken, is de kans klein dat je 
een unieke site hebt. Met Frontpage 
kan je ook op hetzelfde moment de 
html-broncode en een voorbeeldven- 
ster zien. Dat is ideaal als je vaak zelf 
in de html-code zaken wil wijzigen. 
Gebruik je moeilijkere scripttalen 
(zoals php of asp), dan kan Frontpage 
uitkomst bieden. Ook als je vaak 
Java(script) gebruikt, biedt Nvu wei- 
nig mogelijkheden. Heb je nog nooit 
met Frontpage gewerkt, probeer dan 
maar eerst het gratis Nvu uit! 
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EXTERNE WEBSITES INVOEGEN 


Je hebt het waarschijnlijk gezien in de struc- 
tuur van deze website: we hebben ook een 
onderdeel BLog voorzien. Voor deze reissite 
was het de bedoeling dat de webmaster “Tive’ 
verslag uitbracht van een reis, terwijl hij in 
het buitenland verbleef. Eens terug in België, 
zou hij dan alle foto's uploaden naar het on- 
derdeel RersvERSLAGEN. Op die manier kan je als 
bezoeker de reis van de webmaster meema- 
ken, met tekst en enkele (compacte) foto's. 
Het is echter gekkenwerk om zelf de struc- 
tuur van een weblog te ontwikkelen en te 
onderhouden. Er zijn namelijk tientallen uit- 
stekende blogsites die hiervoor dienst kunnen 
doen. In het onderdeel Broc van je site zou je 
dus een Tink kunnen leggen naar het adres van 
de blog van de webmaster, bijvoorbeeld http:// 
mijnblog.blogspot.com. Dit kan je doen met een 
iframe. Open de blog-pagina met Nvu en ga 
naar INvoeGen, HTML. Plak de volgende tekst in 
de code: IFRAME NAME="BLOG" sRC="HTTP://MIJN- 


Je website uploaden 


Ben je klaar met de eerste versie van je website? 
Wat houdt je dan nog tegen om alles meteen te 
uploaden? Je kan hiervoor een ftp-programma 
gebruiken, maar het is ook mogelijk om je web- 
site rechtstreeks vanuit Nvu te uploaden. Klik 
daarvoor op de knop Sites BEWERKEN van de Nvu 
Sitebeheerder. Geef nu de SrrenaAM in. Bij SERVER- 
INFORMATIE moet je niets invullen, maar bij Loein- 
INFORMATIE wel. Geef het ftp-adres van je host in 
— bij Telenet is dat bijvoorbeeld ftp://users.telenet. 
be. Geef vervolgens de gebruikersnaam en je 
wachtwoord in. Vervolgens klik je in de Sitebe- 
heerder op de naam van de website, waarna er 
een verbinding wordt gemaakt. Maak eventueel 
een submap aan en klik op de knop PugLiceren op 
de knoppenbalk. Vink IncLusteF AFBEELDINGEN EN AN- 
DERE BESTANDEN aan. Als je de bestanden in een 
submap plaatst, tik je de naam van deze submap 
aan bij SiTESuBMAP VOOR DEZE PAGINA. Verander je nu 
iets aan de huidige pagina, dan moet je enkel 
nog op de knop Pusuiceren klikken om de wijzigin- 
gen door te voeren op de server. Nvu beslist zelf 
welke bestanden er verzonden moeten worden, 
bijvoorbeeld als je nieuwe foto's hebt toege- 
voegd. 

De huidige versie van Nvu is nog niet in staat om 


VAKTAAL 


Elk Jaar ga Ik tweemaal op reis naar verre bestemmingen. Op deze 
website kan je mijn reisverslagen lezen en foto's bekijken. 


Voeg je blog toe aan je website. 


BLOG.BLOGSPOT.COM”” HEIGHT="5OO" WiDTH="600"> 
</IFRAME> 

Pas de hoogte en de breedte aan aan het 
formaat van je blog en de indeling van je 
website. Probeer ervoor te zorgen dat het 
lettertype van je website en van je blog ge- 
lijkaardig is, zodat beide pagina's goed bij 


Stena: Ravelse 
Serverrtormate 
HTIDaden van om gartoagra he: Meo lJemen manaardseder natJmarngebruber naam”) 
tenzelf 


vogretormsen 
FTP-acres Ba Blfomererovider rater maer) 
Plume teler be) [uchate map seecharen 
LE] wrachtweord opdlaan 


oe) (erdee) [ wb | 


Geef de gegevens van je webserver in. 


Pagina publiceren 


Instelingen 


Sitenaam: Reisverslagen 


«| | Nieuwe site 


Paginatitel: [Mijn reisverslagen bijv‚: “Mijn webpagina” 


Bestandsnaam: index.html bijv: "mijnpagina.htri” 


Sitesubmap voor deze pagina: 


w]: Inclusief afbeeldingen en andere bestanden 


@ zelfde locatie gebruiken als pagina, 
O Deze sitesubmap gebruiken. 


Publiceren | | Annuleren Help 
Upload ook de afbeeldingen. 


bestanden naar meerdere submappen te uploa- 
den. Staat je style.css-bestand bijvoorbeeld in de 
rootmap, en de afbeeldingen in een map /arseer- 
DINGEN, dan zal Nvu de afbeeldingen toch in de 
rootmap zetten. Wil je dat niet, dan moet je 
achteraf de afbeeldingen verplaatsen naar de 
juiste map, met een programma als SmartFTP 
www.smartftp.com. « 


JAVASCRIPT: Eenvoudige scripttaal waarmee je eenvoudige functies in een webpagina kan 
programmeren, zoals een klok. Een moderne browser volstaat om Javascripts te bekijken. 


